<style>
	.flex{
		display: flex;
		align-items: center;
	}
	.head-info{
		width: 100%;
		align-items: flex-start;
		padding-top: 20rpx;
		padding-bottom: 60rpx;
	}
	.head-info .info .uname{
		font-size: 42rpx;
		color: #1a1a1a;
		font-weight: bold;
		margin-bottom: 5rpx;
	}
	.head-info .info .text{
		font-size: 30rpx;
		color: #9b9b9b;
		margin: 3rpx 0;
	}
	.head-info .upic{
		width: 115rpx;
		height: 115rpx;
		background: #b5b5b5;
		border-radius: 5px;
		overflow: hidden;
		margin-left: 48rpx;
		margin-right: 32rpx;
	}
	.head-info .upic image{
		width: 100%;
		height: 100%;
	}
	.publish-btn{
		background: #f77777;
		height: 88rpx;
		line-height: 88rpx;
		text-align: center;
		color: #fff;
		font-size: 32rpx;
		position: fixed;
		left: 0;
		bottom: 0;
		width: 100%;
		z-index: 8;
	}
	.prod-list{
		border-bottom: 14rpx solid #ededed;
		border-top: 14rpx solid #ededed;
		padding: 28rpx 0;
	}
	.prod-list .title{
		color: #181818;
		font-size: 32rpx;
		width: 218rpx;
		text-align: center;
	}
	.prod-list .list image{
		width: 95rpx;
		height: 95rpx;
		margin-right: 18rpx;
	}
	.nav-list{
		justify-content: center;
		padding-top: 20rpx;
		border-bottom: 1px solid #e5e5e5;
		position: relative;
	}
	.nav-list:after{
		content: '';
		position: absolute;
		bottom: 26rpx;
		left: 50%;
		width: 1px;
		height: 58rpx;
		background: #e5e5e5;
	}
	.nav-list .item{
		font-size: 36rpx;
		color: #343434;
		flex: 1;
		justify-content: center;
		padding: 30rpx 0;
	}
	.nav-list image{
		width: 44rpx;
		height: 44rpx;
		margin-right: 20rpx;
	}
	.msg-icon{
		position: fixed;
		bottom: 250rpx;
		right: 0;
		width: 199rpx;
		height: 165rpx;
	}
	.msg-icon image{
		width: 100%;
		height: 100%;
	}
</style>
<template>
	<view>
		<view class="head-info flex">
			<view class="upic"><image :src="userInfo.head_pic_text"></image></view>
			<view class="info">
				<view class="uname">{{userInfo.realname||userInfo.nickname}}</view>
				<view class="text">ID号：{{userInfo.member_id}}</view>
			</view>
		</view>
		<navigator open-type="navigate" url="/pages/transfer/user_list" class="prod-list flex">
			<view class="title">发布商品</view>
			<view class="list flex">
				<block v-for="(item,index) in prodList" :key="index" v-if="index<4">
					<image :src="item.photos_text[0]"></image>
				</block>
			</view>
			<arrow size="50" color="#656565" direction="right"></arrow>
		</navigator>
		<view class="nav-list flex">
			<navigator open-type="navigate" url="/pages/transfer/buyer_list?pageType=2" class="item flex" hover-class="none"><image src="../../static/icons/transfer/seller-icon.png"></image>我卖出的</navigator>
			<navigator open-type="navigate" url="/pages/transfer/buyer_list?pageType=1" class="item flex" hover-class="none"><image src="../../static/icons/transfer/buyer-icon.png"></image>我买到的</navigator>
		</view>
		<navigator open-type="navigate" url="/pages/user/notice?type=1" class="msg-icon"><image src="../../static/icons/transfer/msg-icon.png"></image></navigator>
		<navigator open-type="navigate" url="/pages/transfer/transfer_publish" class="publish-btn">发布信息</navigator>
		
		
		<view class="m-full-loading" v-if="bIsShowLoading">
			<view class="m-loading">
				<image src="../../static/images/loading.gif" mode="widthFix"></image>
			</view>
		</view>
	</view>
</template>

<script>
	import henglang from '@/common/common.js';
	export default {
		data() {
			return {
				userInfo:[],
				bIsShowLoading: false,
				prodList:[]
			}
		},
		onLoad(options) {
			let that = this
			that.userInfo = uni.getStorageSync('userInfo')
			that.bIsShowLoading = true;
			henglang.post('Pawn/publish_list',{},true,function(res){
				that.bIsShowLoading = false;
				that.prodList = res.data.data
			});
		},
		methods:{
			
		}
	}
</script>